<page-header [title]="'外访管理'">
  <!--<ng-template #breadcrumb>-->
    <!--<nz-breadcrumb>-->
      <!--<nz-breadcrumb-item>基本信息</nz-breadcrumb-item>-->
      <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>&ndash;&gt;-->
    <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <!--<ng-template #tab>-->
    <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
      <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
      <!--&lt;!&ndash;<nz-tab nzTitle="文件信息" (nzSelect)="changeTab(1)"></nz-tab>&ndash;&gt;-->
      <!--&lt;!&ndash;<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>&ndash;&gt;-->
    <!--</nz-tabset>-->
  <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>

  <!--<ng-template #extraTemplate>-->
    <!--<button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回列表</button>-->
  <!--</ng-template>-->
</page-header>
<nz-spin [nzSpinning]="loading">

<nz-card  nzTitle="基本信息">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderNo" name="orderNo">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusName" name="cusName">
      </nz-form-control>
    
      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusMobile" name="cusMobile">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>车型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderCartype" name="orderCartype">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>车牌</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderCarno" name="orderCarno">
      </nz-form-control>
    
      <nz-form-label nzSpan="2" nzRequired>GPS状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsStatus" name="gpsStatus">
      </nz-form-control>
    
      <nz-form-label nzSpan="2" nzRequired>贷款期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderPeriod" name="orderPeriod">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>融资金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderAmount" name="orderAmount">
      </nz-form-control>
    
  <!-- <nz-form-label nzSpan="2" nzRequired>录入单位</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="product.createSysorg" name="createSysorg">
          </nz-form-control>
    
          <nz-form-label nzSpan="2" nzRequired>录入人</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="product.createUser" name="createUser">
          </nz-form-control>
    
          <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="product.cusMobile" name="cusMobile">
          </nz-form-control> -->
    
      <nz-form-label nzSpan="2" nzRequired>外访人姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="wfData.fxjOut11" name="fxjOut11">
      </nz-form-control>
    
      <nz-form-label nzSpan="2" nzRequired>外访人电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="wfData.fxjOut12" name="fxjOut12">
      </nz-form-control>
    
      <nz-form-label nzSpan="2" nzRequired>外访地址</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="wfData.fxjOut13" name="fxjOut13">
      </nz-form-control>
    
      <nz-form-label nzSpan="2" nzRequired>外访内容</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="wfData.fxjOut14" name="fxjOut14">
      </nz-form-control>
    
      <nz-form-label nzSpan="2">外访日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut15" [(ngModel)]="wfData.fxjOut15"></nz-date-picker>
        <!-- <nz-date-picker name="fxjOut15" [(ngModel)]="wfData.fxjOut15"></nz-date-picker> -->
      </nz-form-control>
    
    </nz-form-item>
  </form>
</nz-card>

<nz-card nzTitle="文件信息">

  <form nz-form>
    <div class="clearfix">

      <nz-upload
        [nzMultiple]="true"
        [nzAction]="uploadUrl"
        [nzData]="avatarParam"
        nzListType="picture-card"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 300"
        (nzChange)="upLoadChange($event)"
        [nzPreview]="handlePreview">

        <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
        <div style="margin-top: 0px; color: #666;">  </div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>

  </form>
</nz-card>

<nz-card nzTitle="外访记录">
    <simple-table #st
      [columns]="columns"
      [data]="url"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total: 'total', list: 'data'}"
      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showPagination]="true"
      [showSizeChanger]="true"
      [scroll]="{x:'1300px'}"
      (checkboxChange)="checkboxChange($event)"
      >
    </simple-table>
</nz-card>
</nz-spin>

<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
